.status{
	width: 100%;
	height: var(--status-bar-height);
}
.main{
	width: 100%;
	height: 100%;
	padding: 0 25upx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.logo{
	margin-top: 300upx;
	width: 500upx;
	height: 200upx;
	
}
.search{
	margin-top: 40upx;
	width: 560upx;
	height: 90upx;
	border: 1px solid #333333;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10upx 35upx;
}
.input{
	flex: 1;
	height: 100%;
	margin: 0 20upx;
	font-size: 18px;
}
.search-icon{
	width: 56upx;
	height: 56upx;
	line-height: 56upx;
	font-size: 28px;
	font-weight: 700;
}
.site-box{
	margin-top: 25upx;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.site{
	width: 120upx;
	text-align: center;
	align-items: center;
	margin-top: 30upx;
	margin-left: 18upx;
}
.site-img{
	width: 100upx;
	height: 100upx;
	border-radius: 50%;
	border: 1px solid #eeeeee;
}
.site-name{
	margin-top: 6upx;
}